import util from '@/libs/util.js'
import { AccountLogin } from '@api/sys.login'
import { Loading, Message } from 'element-ui'

export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} param context
     * @param {Object} param vm {Object} vue 实例
     * @param {Object} param username {String} 用户账号
     * @param {Object} param password {String} 密码
     * @param {Object} param route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    login ({ dispatch }, { vm, username, password }) {
      let loading = Loading.service({
        lock: true,
        text: '正在登录，请稍后...',
        background: 'rgba(0, 0, 0, 0.5)'
      })
      return new Promise((resolve, reject) => {
        // 开始请求登录接口
        AccountLogin({
          username,
          password
        })
          .then(async res => {
            if (res.success) {
              // 设置 cookie 一定要存 uuid 和 token 两个 cookie
              // 整个系统依赖这两个数据进行校验和存储
              // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
              // token 代表用户当前登录状态 建议在网络请求中携带 token
              // 如有必要 token 需要定时更新，默认保存一天
              // console.log(res.result.accessToken)
              // console.log(res.result.userId)
              util.cookies.set('uuid', res.result.userId)
              util.cookies.set('token', res.result.accessToken)
              // 设置 vuex 用户信息
              await dispatch(
                'd2admin/user/set',
                {
                  name: username
                },
                { root: true }
              )
              // 用户登录后从持久化数据加载一系列的设置
              await dispatch('load')
              // 结束
              resolve()
              loading.close()
            } else {
              if (res.error.details === null) {
                Message.error(res.error.message)
              } else {
                Message.error(res.error.details)
              }
              loading.close()
            }
          })
          .catch(err => {
            console.log(err)
            loading.close()
            Message.error('连接服务器失败！')
            reject(err)
          })
      })
    },
    /**
     * @description 注销用户并返回登录页面
     * @param {Object} param context
     * @param {Object} param vm {Object} vue 实例
     * @param {Object} param confirm {Boolean} 是否需要确认
     */
    logout ({ commit, dispatch }, { vm, confirm = false }) {
      /**
       * @description 注销
       */
      async function logout () {
        // 删除cookie
        util.cookies.remove('token')
        util.cookies.remove('uuid')
        // 删除缓存菜单
        // util.cookies.remove('menuList')
        util.db
          .set('menulist', undefined)
          .write()
        util.db
          .set('buttonlist', undefined)
          .write()
        // 删除缓存菜单按钮
        // util.cookies.remove('menuButton')
        // 清空 vuex 用户信息
        await dispatch('d2admin/user/set', {}, { root: true })
        // 跳转路由
        vm.$router.push({
          name: 'login'
        })
      }
      // 判断是否需要确认
      if (confirm) {
        commit('d2admin/gray/set', true, { root: true })
        vm.$confirm(
          '注销当前账户吗?',
          '确认操作',
          {
            confirmButtonText: '确定注销',
            cancelButtonText: '放弃',
            type: 'warning'
          }
        )
          .then(() => {
            commit('d2admin/gray/set', false, { root: true })
            logout()
          })
          .catch(() => {
            commit('d2admin/gray/set', false, { root: true })
            vm.$message('放弃注销用户')
          })
      } else {
        logout()
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} state vuex state
     */
    load ({ commit, dispatch }) {
      return new Promise(async resolve => {
        // DB -> store 加载用户名
        await dispatch('d2admin/user/load', null, { root: true })
        // DB -> store 加载主题
        await dispatch('d2admin/theme/load', null, { root: true })
        // DB -> store 加载页面过渡效果设置
        await dispatch('d2admin/transition/load', null, { root: true })
        // DB -> store 持久化数据加载上次退出时的多页列表
        // await dispatch('d2admin/page/openedLoad', null, { root: true })
        // DB -> store 持久化数据加载侧边栏折叠状态
        await dispatch('d2admin/menu/asideCollapseLoad', null, { root: true })
        // DB -> store 持久化数据加载全局尺寸
        await dispatch('d2admin/size/load', null, { root: true })
        // end
        resolve()
      })
    }
  }
}
